<?
ob_start();

session_start();
include('../src/inst.conf.php');
//for ($i = 0; $i <= 170000000; $i++) {} //vertraging om het load efect te testen


if(isset($_GET['logoff'])){session_destroy();header("location: ".$_SERVER['PHP_SELF']."");}
if (!isset($_SESSION['LOGIN_USERNAME'] ) || !isset( $_SESSION['LOGIN_PASSWORD'] )){ 
		header("location: ./index.php");
		
		exit; 
		
}

ob_end_flush();
$result = mysql_query("SELECT * FROM `DOCENT` WHERE `DOCENT_ID` = '".$_SESSION['LOGIN_ID']."'"); 
$row = mysql_fetch_array($result);
?>

<div id="left-div">
	<div id="left-inside">
		<div style="clear: both;"></div>
		<div style="clear: both;"></div>								
			<div class="home-post-wrap_full" id="home-post-wrap_full">
	<script type="text/javascript" charset="utf-8">
$(function(){
  $("select#list_cohort").change(function(){
  	if ($(this).val() == "0"){
  		$('#list_raport').hide();
  		$('#list_groep').hide();
  		$('#list_leerling').hide();
  		
  		$("select#list_groep").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("select#list_vak").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("select#list_leerling").html('<option value="0">-Kies eerst het startjaar-</option>');
  		$("#cijferinvoer").html('');
  		$('#save_butt').attr('class' , 'disabled');
  	}else{
  		$("select#list_raport").html('<option value="0">..gegevens ophalen..</option>');
      	$.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), ajax: 'true'}, function(j){
        	var options = '';
        	for (var i = 0; i < j.length; i++) {
          		options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
        	}      
        	$('#list_raport').show();
        	$("select#list_raport").html(options);
        	$("select#list_groep").html('<option value="0">-Kies eerst het rapport-</option>');
        	$("select#list_vak").html('<option value="0">-Kies eerst het rapport-</option>');
       		$("select#list_leerling").html('<option value="0">-Kies eerst het rapport-</option>');
        	$("#cijferinvoer").html('');
        	$('#save_butt').attr('class' , 'disabled');
      	})
     }
    })
    $("select#list_raport").change(function(){
    	$('#PrintPreview').fadeOut(function () {
	    	if ($(this).val() == "0"){
	    		$('#list_groep').hide();
	    		$('#list_leerling').hide();
	    		$("select#list_groep").html('<option value="0">-Kies eerst het startjaar-</option>');
	    		$("select#list_vak").html('<option value="0">-Kies eerst het startjaar-</option>');
	    		$("select#list_leerling").html('<option value="0">-Kies eerst het startjaar-</option>');
	    		$("#cijferinvoer").html('');
	    		$('#save_butt').attr('class' , 'disabled');
	    	}else{
	    		$('#list_groep').show();
	    		if($('#list_groep').val() == 0){
	    			$("select#list_groep").html('<option value="0">..gegevens ophalen..</option>');
	    			$.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), RAPORT: $(this).val(), ajax: 'true'}, function(j){
	    				var options = '';
	    				for (var i = 0; i < j.length; i++) {
	    					options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
	    				}      
	    				$("select#list_groep").html(options);
	    				$("select#list_vak").html('<option value="0">-Kies eerst het rapport-</option>');
	    					$("select#list_leerling").html('<option value="0">-Kies eerst het rapport-</option>');
	    				$("#cijferinvoer").html('');
	    				$('#save_butt').attr('class' , 'disabled');
	    			})
	    		}else{
	    			if($('#list_leerling').val() == 0){
	    				$('#PrintPreview').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&Preview', function(){
	    					$('#PrintPreview').fadeIn();
	    				});	
	    			}else{
	    				$('#PrintPreview').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&LEERLING_ID='+$('#list_leerling').val()+'&Preview', function(){
	    					$('#PrintPreview').fadeIn();
	    				});
	    			}
	    		}
	       }
    	});
    })
    $("select#list_groep").change(function(){
    	$('#PrintPreview').fadeOut(function () {
	    	if ($("#list_groep").val() == "0"){
	    		$('#list_leerling').hide();
	    		$("select#list_vak").html('<option value="0">-Kies eerst een groep-</option>');
	    		$("select#list_leerling").html('<option value="0">-Kies eerst een groep-</option>');
	    		$("#cijferinvoer").html('');
	    		$('#save_butt').attr('class' , 'disabled');
	    	}else{
	    		$('#list_leerling').show();
	          $("select#list_leerling").html('<option value="0">..gegevens ophalen..</option>');
	          $.getJSON("./src/select.json.php",{COHORT: $("#list_cohort").val(), RAPORT: $('#list_raport').val(), GROEP: $("#list_groep").val(), LEERLING: true , ajax: 'true'}, function(j){
	            var options = '';
	            for (var i = 0; i < j.length; i++) {
	              options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>';
	              
	            }
	            $('#save_butt').attr('class' , 'regular');
	            $('#PrintPreview').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&Preview', function(){
	            	$('#PrintPreview').fadeIn();
	            });	
	            $("select#list_leerling").html(options)
	            /*$("select#list_vak").html('<option value="0">-Kies eerst de groep-</option>');*/
	          $("#cijferinvoer").html('');
	          
	        })
	       }
     	});
     })
     $("select#list_leerling").change(function(){
     	$('#PrintPreview').fadeOut(function () {
     		if ($("#list_leerling").val() == "0"){
     			$('#PrintPreview').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&Preview', function(){
     				$('#PrintPreview').fadeIn();
     			});	
     		}else{
     			$('#PrintPreview').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&LEERLING_ID='+$('#list_leerling').val()+'&Preview', function(){
     				$('#PrintPreview').fadeIn();
     			});
     		}
     	});
     })

})

function VerzendGegevens(){
	needToConfirm = false;
	var PrintPopUp = window.open('', '', 'width=400,height=400,resizeable,scrollbars');
	showLoader('Afdruk gereed maken', 'Afdrukgegevens downloaden');
    if ($("#list_leerling").val() == "0"){
    	$('#PrintDiv').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&Print', function(){
    		PrintPopUp.document.write($('#PrintDiv').html());
    		addLoadDetails('Opening PopUp<br>');
    		addLoadDetails('Loading Images...<br>');
    		setTimeout(function() { addLoadDetails('Sending Print command');PrintPopUp.print();PrintPopUp.close(); hideLoader();$('#PrintDiv').html(''); }, 1000);
    		
    		
    		
    	});	
    }else{
    	$('#PrintDiv').load('./paginas/rapport.php?GROEP_ID='+$('#list_groep').val()+'&RAPPORT='+$('#list_raport').val()+'&LEERLING_ID='+$('#list_leerling').val()+'&Print', function(){
    		PrintPopUp.document.write($('#PrintDiv').html());
    		addLoadDetails('Opening PopUp<br>');
    		addLoadDetails('Loading Images...<br>');//setTimeout(function() { PrintPopUp.clos/e(); }, 5000);
    		setTimeout(function() { addLoadDetails('Sending Print command');PrintPopUp.print(); hideLoader();$('#PrintDiv').html('');}, 1000);
    	});
    }
}
</script>
<script>
	$().ready(function() {
		$("#scrollingDiv").mouseenter(function(){
			if (document.documentElement.scrollTop > 210 || self.pageYOffset > 210) {
		      	$('#scrollingDiv').css('opacity','1.0');
		      	$('#scrollingDiv').css('filter','alpha(opacity=100');
		    }
		 }).mouseleave(function(){
		 	if (document.documentElement.scrollTop > 210 || self.pageYOffset > 210) {
		      	$('#scrollingDiv').css('opacity','0.4');
		      	$('#scrollingDiv').css('filter','alpha(opacity=40');
		    }
		 });
		window.onscroll = function()
		{
		    if( window.XMLHttpRequest ) {
		    	var offset = $('#home-post-wrap_full').offset();
		        if (document.documentElement.scrollTop > 205 || self.pageYOffset > 205) {
		            $('#scrollingDiv')
		            				  .css('position','fixed')
		            				  .css('top','20px')
		            				  .css('background-color','#FFF')
		            				  .css('padding-top','5px')
		            				  .css('padding-right','5px')
		            				  .css('padding-bottom','5px')
		            				  .css('-webkit-border-radius','6px')
		            				  .css('-moz-border-radius','6px')
		            				  .css('border-radius','6px')
		            				  .css('opacity','0.4')
		            				  .css('border','1px solid #dedede')
		            				  .css('filter','alpha(opacity=40');
		            
		            $('#scrollingDiv').css('left', (offset.left + (($('#home-post-wrap_full').width() - $('#scrollingDiv').width()))+10) +'px');
		        } else if (document.documentElement.scrollTop < 230 || self.pageYOffset < 230) {
		            $('#scrollingDiv').removeAttr( 'style' );
		            //$('#scrollingDiv').css('top','230px');
		            
		        }
		        //$('#scrollingDiv').css('left','600px');
		    }
		}
	});
</script>
				<? 
				echo "	<div class=\"but\" id='scrollingDiv'>";
				echo "	    <a href=\"javascript:void('0');\" class=\"disabled\" name=\"save\" id=\"save_butt\" onclick=\"if($('#save_butt').attr('class') !='disabled'){VerzendGegevens();}\">";
				echo "	        <img src=\"images/icon-print.png\" alt=\"\"/>";
				echo "	        Printen";
				echo "	    </a>";
				echo "	</div>";
				
				 ?>
					<h2 class="titles">Rapport Afdrukken</h2>
					<div style="clear: both;"></div>


<form method="POST" name="Form1" id="Form1" onsubmit="VerzendGegevens();return false;">
	<select name="list_cohort" id="list_cohort">
		<option value="0">-Kies startjaar-</option>
		<?

//haal alle cohorten uit de DB
$query = mysql_query("SELECT DISTINCT `COHORT` FROM `GROEP`");
while($data = mysql_fetch_assoc($query)){
	$COHORT   = $data['COHORT'];
	if (isset($_GET['COHORT']) AND $_GET['COHORT'] == $COHORT){
		echo "<option selected>".$COHORT ."</option>";
	}else{
		echo"<option>".$COHORT ."</option>";
	}
}
		?>
	</select>
	<select name="list_raport" id="list_raport" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
		
	</select>
	<select name="list_groep" id="list_groep" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
		
	</select>
	<select name="list_leerling" id="list_leerling" style="display: none;">
		<option value="0">-Kies eerst het startjaar-</option>
	</select>
	<div id="Opgeslagen" style="display:none;"><h1>Gegevens zijn Opgeslagen</h1></div>
</form>
			</div> <!-- end .home-post-wrap2 -->
			<div class="home-post-wrap_full" style="display:none; color: #000;" id="PrintPreview">
			</div> <!-- end .home-post-wrap2 -->
			<div style="display:none;" id="PrintDiv"></div>
	</div> <!-- end #left-inside -->
</div> <!-- end #left-div -->
